﻿<!DOCTYPE html>
<html class="indexHtml">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>安全警示室</title>
		<script src="https://cdn.bootcss.com/html5media/1.1.8/html5media.js"></script>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="icon" href="/frontEnd/images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="/frontEnd/css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="/frontEnd/css/style.css" />
	</head>
		<div class="boxCenter">
			<h1 class="title">安全警示室 </h1>
			<div class="warningBox">
				<div class="warningCenter warningLeft2">
					<div class="warningCTop">
						<h3>接发列车安全</h3>
						<div class="warnCT">
							<div class="warnCTL">
								<div class="coreList coreListNum">
									<h5>案例绘编 <a href="/yanAnDepot/loadCaseManagement/2">more</a></h5>
									<div class="roll">
										<div class="coreXx" id="JieFa">
										</div>
										<div class="coreXx coreXx2"></div>
									</div>
								</div>
							</div>
							<div class="warnCTR">
								<div class="coreList">
									<h5>典型案例</h5>
									<div class="coreXx">
										<div id="coreXxJFPPT" >
										</div>
										<div id="coreXxJFVideo" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="warningCBom">
						<h3>调车作业安全</h3>
						<div class="warnCT">
							<div class="warnCTL">
								<div class="coreList coreListNum">
									<h5>案例绘编 <a href="/yanAnDepot/loadCaseManagement/3">more</a></h5>
									<div class="roll">
										<div class="coreXx" id="DiaoChe">
										</div>
										<div class="coreXx coreXx2"></div>
									</div>
								</div>
							</div>
							<div class="warnCTR">
								<div class="coreList">
									<h5>典型案例</h5>
									<div class="coreXx">
										<div id="coreXxDCPPT" >
										</div>
										<div id="coreXxDCVideo" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				
				</div>
				<div class="warningRight">
					<div class="warningRTop">
						<div class="bell">
							<img class="txt" src="/frontEnd/images/txt1.png" />
							<img class="txt" src="/frontEnd/images/txt2.png" />
							<img class="bellImg" src="/frontEnd/images/bell.png" />
							<img class="txt" src="/frontEnd/images/txt3.png" />
							<img class="txt" src="/frontEnd/images/txt4.png" />
							<img id="light" src="/frontEnd/images/light.png"/>
						</div>
					</div>
					<div class="warningRBom">
						<h3>劳动安全</h3>
						<div class="warnCT">
							<div class="warnCTL">
								<div class="coreList coreListNum">
									<h5>案例绘编 <a href="/yanAnDepot/loadCaseManagement/1">more</a></h5>
									<div class="roll">
										<div class="coreXx" id="SafLaodong">
										</div>
										<div class="coreXx coreXx2"></div>
									</div>
								</div>
							</div>
							<div class="warnCTR">
								<div class="coreList">
									<h5>典型案例</h5>
									<div class="coreXx">
										<div id="coreXxLDPPT" >
										</div>
										<div id="coreXxLDVideo" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="warningCenter">
					<div class="warningCTop">
						<h3>客运安全</h3>
						<div class="warnCT">
							<div class="warnCTL">
								<div class="coreList coreListNum">
									<h5>案例绘编 <a href="/yanAnDepot/loadCaseManagement/4">more</a></h5>
									<div class="roll">
										<div class="coreXx" id="KeYun">
										</div>
										<div class="coreXx coreXx2"></div>
									</div>
								</div>
							</div>
							<div class="warnCTR">
								<div class="coreList">
									<h5>典型案例</h5>
									<div class="coreXx">
										<div id="coreXxKYPPT" >
										</div>
										<div id="coreXxKYVideo" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="warningCBom">
						<h3>货运安全</h3>
						<div class="warnCT">
							<div class="warnCTL">
								<div class="coreList coreListNum">
									<h5>案例绘编 <a href="/yanAnDepot/loadCaseManagement/5">more</a></h5>
									<div class="roll">
										<div class="coreXx" id="HuoYun">
										</div>
										<div class="coreXx coreXx2"></div>
									</div>
								</div>
							</div>
							<div class="warnCTR">
								<div class="coreList">
									<h5>典型案例</h5>
									<div class="coreXx">
										<div id="coreXxHYPPT" >
										</div>
										<div id="coreXxHYVideo" >
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<video id="video1" style="visibility: hidden;" autoplay="autoplay">
				<source src="/frontEnd/mp3/6.mp3">
				<source src="/frontEnd/mp3/1.ogg" type="video/ogg" />
                Your browser does not support the audio element.
			</video>
		</div>
		<script src="/frontEnd/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/frontEnd/js/animate.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script type="text/javascript" src="/layuicms/layui/layui.js"></script>
	<script type="text/javascript">
        layui.use(['jquery'],function(){
            var $ = layui.jquery;
            //劳动安全
            $.ajaxSettings.async = false;
            $.get("/caseManagement/loadCaseByType/1",function (res) {
                var data = res.data.item;
                var dom=$("#SafLaodong");
                var html='';
                $.each(data,function(index,item){
                    var index1 = index+1;
                    html+='<p><a href="/yanAnDepot/details/'+item.id+'">'+"("+index1+")"+item.caseTitle+'</a></p>'
                });
                $(dom).html(html);
            });
            //劳动安全典型案例文件夹PPT
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:1,fileType:1},function (res) {
                var data = res.data;
                var dom=$("#coreXxLDPPT");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicPPT/'+item.id+'" ><img src="/frontEnd/images/PPT.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });
            //劳动安全典型案例文件夹视频
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:1,fileType:2},function (res) {
                var data = res.data;
                var dom=$("#coreXxLDVideo");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicVideo/'+item.id+'" ><img src="/frontEnd/images/video.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });
            //接发列车安全
            $.get("/caseManagement/loadCaseByType/2",function (res) {
                var data = res.data.item;
                var dom=$("#JieFa");
                var html=''
                $.each(data,function(index,item){
                    var index1 = index+1;
                    html+='<p><a href="/yanAnDepot/details/'+item.id+'">'+"("+index1+")"+item.caseTitle+'</a></p>'
                });
                dom.html(html);
            });

            //接发列车PPT
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:2,fileType:1},function (res) {
                var data = res.data;
                var dom=$("#coreXxJFPPT");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicPPT/'+item.id+'" ><img src="/frontEnd/images/PPT.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });
			//接发列车视频
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:2,fileType:2},function (res) {
                var data = res.data;
                var dom=$("#coreXxJFVideo");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicVideo/'+item.id+'" ><img src="/frontEnd/images/video.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

            //调车作业列车安全
            $.get("/caseManagement/loadCaseByType/3",function (res) {
                var data = res.data.item;
                var dom=$("#DiaoChe");
                var html=''
                $.each(data,function(index,item){
                    var index1 = index+1;
                    html+='<p><a href="/yanAnDepot/details/'+item.id+'">'+"("+index1+")"+item.caseTitle+'</a></p>'
                });
                dom.html(html);
            });

            //调车PPT
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:3,fileType:1},function (res) {
                var data = res.data;
                var dom=$("#coreXxDCPPT");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicPPT/'+item.id+'" ><img src="/frontEnd/images/PPT.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });
            //调车视频
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:3,fileType:2},function (res) {
                var data = res.data;
                var dom=$("#coreXxDCVideo");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicVideo/'+item.id+'" ><img src="/frontEnd/images/video.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

            //客运安全
            $.get("/caseManagement/loadCaseByType/4",function (res) {
                var data = res.data.item;
                var dom=$("#KeYun");
                var html=''
                $.each(data,function(index,item){
                    var index1 = index+1;
                    html+='<p><a href="/yanAnDepot/details/'+item.id+'">'+"("+index1+")"+item.caseTitle+'</a></p>'
                });
                dom.html(html);
            });
            //客运PPT
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:4,fileType:1},function (res) {
                var data = res.data;
                var dom=$("#coreXxKYPPT");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicPPT/'+item.id+'" ><img src="/frontEnd/images/PPT.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

            //客运视频
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:4,fileType:2},function (res) {
                var data = res.data;
                var dom=$("#coreXxKYVideo");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicVideo/'+item.id+'" ><img src="/frontEnd/images/video.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

            //货运安全
            $.get("/caseManagement/loadCaseByType/5",function (res) {
                var data = res.data.item;
                var dom=$("#HuoYun");
                var html=''
                $.each(data,function(index,item){
                    var index1 = index+1;
                    html+='<p><a href="/yanAnDepot/details/'+item.id+'">'+"("+index1+")"+item.caseTitle+'</a></p>'
                });
                dom.html(html);
            });
            //货运安全PPT
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:5,fileType:1},function (res) {
                var data = res.data;
                var dom=$("#coreXxHYPPT");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicPPT/'+item.id+'" ><img src="/frontEnd/images/PPT.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

            //货运视频
            $.get("/coreType/loadByBySafetyTypeAndFileType",{safetyId:5,fileType:2},function (res) {
                var data = res.data;
                var dom=$("#coreXxHYVideo");
                var html='';
                $.each(data,function(index,item){
                    html+='<a href="/yanAnDepot/caseClassicVideo/'+item.id+'" ><img src="/frontEnd/images/video.png" /><span>'+item.typename+'</span></a>'
                });
                $(dom).append(html);
            });

        });
	</script>
	<script type="text/javascript">
     /*   $(function() {
            var html = '';
            var data = [1, 2, 3, 4, 5, 6, 7, 8];
            $.each(data, function(index, item) {
                var index1 = index + 1;
                html += '<p><a herf="#">' + data[index] + '禁止携带火种进入生产、储存易燃、易爆</a></p>';
            });
            $("#laodonganquan").html(html);
        });*/
	</script>
</html>